<template>
  <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>基础模板</span>
      </div>
    </template>
    <div class="box">
      <div class="item">
        <h4>template-ts</h4>
        <p>ts版本的基础模板，无国际化</p>
        <el-link type="primary" href="https://github.com/cmdparkour/vue-admin-box/tree/template-ts" target="_blank">github</el-link>
        <el-link type="primary" href="https://gitee.com/cmdparkour/vue-admin-box/tree/template-ts/" target="_blank">gitee</el-link>
        <el-link type="primary" href="http://vue-admin-box-template.51weblove.com/ts" target="_blank">demo</el-link>
      </div>
      <div class="item">
        <h4>template-ts-i18n</h4>
        <p>ts版本的基础模板，含国际化功能</p>
        <el-link type="primary" href="https://github.com/cmdparkour/vue-admin-box/tree/template-ts-i18n" target="_blank">github</el-link>
        <el-link type="primary" href="https://gitee.com/cmdparkour/vue-admin-box/tree/template-ts-i18n/" target="_blank">gitee</el-link>
        <el-link type="primary" href="http://vue-admin-box-template.51weblove.com/ts-i18n" target="_blank">demo</el-link>
      </div>
      <div class="item">
        <h4>template-js</h4>
        <p>js版本的基础模板，无国际化</p>
        <el-link type="primary" href="https://github.com/cmdparkour/vue-admin-box/tree/template-js" target="_blank">github</el-link>
        <el-link type="primary" href="https://gitee.com/cmdparkour/vue-admin-box/tree/template-js/" target="_blank">gitee</el-link>
        <el-link type="primary" href="http://vue-admin-box-template.51weblove.com/js" target="_blank">demo</el-link>
      </div>
      <div class="item">
        <h4>template-js-i18n</h4>
        <p>js版本的基础模板，含国际化功能</p>
        <el-link type="primary" href="https://github.com/cmdparkour/vue-admin-box/tree/template-js-i18n" target="_blank">github</el-link>
        <el-link type="primary" href="https://gitee.com/cmdparkour/vue-admin-box/tree/template-js-i18n/" target="_blank">gitee</el-link>
        <el-link type="primary" href="http://vue-admin-box-template.51weblove.com/js-i18n" target="_blank">demo</el-link>
      </div>
    </div>
  </el-card>
</template>

<script setup>
defineOptions({ name: 'AdminBasicTemplate' });
</script>

<style scoped>
.box-card .card-header { text-align: left; }
.box .item { display:flex; align-items:center; }
.box .item > * { margin-right: 20px; }
</style>



